<!--
 * @Descripttion: GGB
 * @version: 1.0
 * @Author: GGB
 * @Date: 2021-12-08 20:36:46
 * @LastEditors: GGB
 * @LastEditTime: 2021-12-09 07:24:04
-->


<template>
  <div>
    <router-link to="/">todo</router-link>
    <router-link to="/add">add</router-link>
    <router-view></router-view>
  </div>
</template>
<script lang="ts" setup>
import { useStore } from "vuex"
import { key } from "./store";
const store = useStore(key)
// TODO 的初始化
// await store.dispatch('todos/initTodo');



</script>
<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
  margin-top: 60px;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-items: center;
}
</style>
